<html>
    <head>
        <title>My site</title>
    </head>
    <body>

        <div id="hell" style="border:1px solid blue; height:200px; width:400px;" ></div>

        <div id="cont" style="height:200px; width:400px;" >
            Test !!
        </div>
        <script type="text/javascript"  src="<?php echo js_url(); ?>jquery.min.js">
        </script>
        <script type="text/javascript"  src="<?php echo js_url(); ?>qtip2/jquery.qtip.min.js">
        </script>
        <link href="<?php echo css_url(); ?>qtip2/jquery.qtip.min.css" rel="stylesheet" type="text/css" />
        <script>
            $('#hell').qtip({
                prerender: true,
                content: {
                    text: $('#cont') // Use the "div" element next to this for the content
                },
                position: {
                    my: 'top center',  // Position my top left...
                    at: 'bottom center', // at the bottom right of...
                    target: $('#hell') // my target
                },
                style: {
                    classes: 'qtip-blue qtip-bootstrap'
                },
                show: {
                    event: 'click'
                },
                hide: {
                    event: null,
                    fixed: true
                },
                events: {
                    show: function() {
                        // Tell the tip itself to not bubble up clicks on it
                        $($(this).qtip('api').elements.tooltip).click(function() { return false; });

                        // Tell the document itself when clicked to hide the tip and then unbind
                        // the click event (the .one() method does the auto-unbinding after one time)
                        $(document).one("click", function() { $("#hell").qtip('hide'); });
                    }
                }
            }); // A bit better. Grab elements with a title attribute that isn't blank.

        </script>

    </body>
</html>